<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="简单图片轮播插件,简洁的图片轮播插件,javascript图片轮播插件,js图片滑动插件,slider">
    <meta name="description" content="简单简洁的javascript图片轮播插件 --slider">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="MobileOptimized" content="320">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>slider,简单简洁的javascript图片轮播插件,js图片滑动插件</title>
</head>

<link rel="stylesheet" href="slider.css" />
<script language="javascript" src="slider.js"></script>

<style>
    .content{ text-align: center; }
    .con{ width: 300px; margin: 1rem auto 0 auto; }
    .down{ margin-top: 2rem; display: block; }
    .log{ width: 300px; background: #eee; margin: 3rem auto 0 auto; max-height: 300px; overflow-y: scroll; }
    .log_item{ padding: .5rem; font-size: .8rem; color: #333; }
    .version{ font-size: 1rem; color: #333; }
    .log_title{ margin-top: 1rem; font-size: 1.2rem; }
</style>

<script language="javascript">

    Slider({dom: '#gallery', wait: 3});

</script>

<body>

<div class="content">

    <div class="con">
        <ul id="gallery">
            <li><img src="./img/1.jpg"></li>
            <li><img src="./img/2.jpg"></li>
            <li><img src="./img/3.jpg"></li>
            <li><img src="./img/4.jpg"></li>
        </ul>
    </div>

    <div class="log">
        <div class="log_title">更新记录</div>
        <div class="log_item">
            <div class="version">1.0版本</div>
            <div class="intro">基础版本提供手机端支持</div>
        </div>
        <div class="log_item">
            <div class="version">1.1版本</div>
            <div class="intro">增加PC端事件支持</div>
        </div>
    </div>

    <a class="down" href="slider_1.0.zip" target="_blank">
        立刻下载slider!
    </a>

</div>

</body>

</html>